<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
  <h1>axios请求方法别名</h1>
  <button id="btnGet">发送查询get请求</button>
  <button id="btnPost">发送新增post请求</button>
  <button id="btnUpdate">发送更新update请求</button>
  <button id="btnDelete">发送删除delete请求</button>
  <script>
    //  获取id属性值
    const oBtnGet=document.getElementById("btnGet");
    const oBtnPost=document.getElementById("btnPost");
    const oBtnUpdate=document.getElementById("btnUpdate");
    const oBtnDelete=document.getElementById("btnDelete");
    // 绑定一个事件
    oBtnGet.onclick=async function(){
    //    请求地址
        const re =await axios.get("/user",{
        // 值为配置对象
            params:{
                userId:"001"
            }
        })
    console.log(re.data);
    }
//    给其他的也绑定一个事件
    oBtnPost.onclick=async function (){
    //  请求数据的地址
        const re =await axios.post("/adduser",{
            name:"小陈",
            age:"19",
            sex:"男"
        })
        console.log(re.data);
    }

//    给其他的也绑定一个事件
    oBtnUpdate.onclick=async function (){
    //  请求数据的地址
        const re =await axios.put("/updateuse",{
            userId:"001",
            age:18,
            sex:"女"
        })
        console.log(re.data);
    }

    //    给其他的也绑定一个事件
    oBtnDelete.onclick=async function (){
    //  请求数据的地址
        const re =await axios.delete("/deleteuser",{
            params:{
                userId:"002"
            }
        })
        console.log(re.data);
    }
   </script> 
</body>
</html>